/**
 * Created by Lesh on 30.11.13.
 */

#content, #upload
{
	width: 840px;
	height: 100%;
	padding: 10px 10px 10px 10px;
	margin: 0 auto;
}

#pagination, #pagination_d
{
	width: 840px;
	height: 40px;
	padding: 10px 10px 10px 10px;
	margin: 0 auto;
}
.img
{
	display: block;
	float: left;
	height: 160px;
	width: 210px;
	margin: 0 auto;
}

.loader
{
	display: block;
	float: left;
	height: 160px;
	width: 210px;
	margin: 0 auto;
	background:url('../img/loading.gif') no-repeat;
	background-position:center;
	position: absolute;
	z-index: -1;
}

.loader_view
{
	display: block;
	float: left;
	height: 450px;
	margin: 0 auto;
	background:url('../img/loading.gif') no-repeat;
	background-position:center;
	position: absolute;
	z-index: -1;
}

.error_msg {
	border: 1px solid red;
	padding: 15px;
	background: #ffcccc;
	font-weight: bold;
}

.img img
 {
	 padding: 5px 5px 5px 5px;
	 height: 150px;
	 width: 200px;
 }

.img_view
{
	padding: 5px 5px 5px 5px;
	/*height: 450px;*/
	/*width: 600px;*/
}

.clear
{
	clear: both;
}

.skip
{
	width: 210px;
}

.next
{
	float: right;
	text-align: right;
	width: 210px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.previous
{
	float: left;
	text-align: left;
	width: 210px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#container {
	width: 600px;
	margin: 0 auto;
	padding: 20px;
}

.btn {
	display: inline-block;
	padding: 10px;
	border-radius: 5px; /*optional*/
	color: #aaa;
	font-size: .875em;
}

.pagination {
	padding: 20px;
	margin-bottom: 20px;
}

.page {
	display: inline-block;
	padding: 0px 9px;
	margin-right: 4px;
	border-radius: 3px;
	border: solid 1px #c0c0c0;
	background: #e9e9e9;
	box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
	font-size: .875em;
	font-weight: bold;
	text-decoration: none;
	color: #717171;
	text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.page:hover, .page.gradient:hover {
	background: #fefefe;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
	background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.page.active {
	border: none;
	background: #616161;
	box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
	color: #f0f0f0;
	text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

.page.gradient {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
	background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}

#overlay {
	opacity: 0.4;
	position: absolute;
	background: url('../loading.gif') no-repeat;
	background-position: center;
	top: 0;
	left: 0;
	background-color: black;
	width: 100%;
	z-index: 5000;
}

/*CSS3*/

/*.img img {*/
	/*-webkit-animation: 	fadein 2s; *//* Safari and Chrome */
	/*-moz-animation: 	fadein 2s; *//* Firefox */
	/*-ms-animation: 		fadein 2s; *//* Internet Explorer */
	/*-o-animation: 		fadein 2s; *//* Opera */
	/*animation: 			fadein 2s;*/
/*}*/
/*@keyframes fadein {*/
	/*from {*/
		/*opacity:0;*/
	/*}*/
	/*to {*/
		/*opacity:1;*/
	/*}*/
/*}*/
/*@-moz-keyframes fadein { *//* Firefox */
	/*from {*/
		/*opacity:0;*/
	/*}*/
	/*to {*/
		/*opacity:1;*/
	/*}*/
/*}*/
/*@-webkit-keyframes fadein { *//* Safari and Chrome */
	/*from {*/
		/*opacity:0;*/
	/*}*/
	/*to {*/
		/*opacity:1;*/
	/*}*/
/*}*/
/*@-o-keyframes fadein { *//* Opera */
	/*from {*/
		/*opacity:0;*/
	/*}*/
	/*to {*/
		/*opacity: 1;*/
	/*}*/
/*}*/